<!doctype html>
<html lang="zh">

<head>
    <meta charset="utf-8" />
    <title>链接跳转</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="" name="description" />
    <script src="https://res.moreqifu.cn/common/admin/js/md5.js?v=2023050601"></script>
</head>

<style type="text/css">
    body{
        background-color: #f3f4f6;
    }
    .safetip-box{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 600px;
        text-align: center;
        background: #fff;
        border-radius: 4px;
        transform: translate(-50%,-50%);
    }
    .box-title{
        font-size: 25px;
        font-weight: 500;
        color: #333;
        line-height: 25px;
        margin: 45px 0 22px;
    }
    .tip-des{
        color: #333333;
        font-size: 14px;
    }
    .box-text{
        display: inline-block;
        width: 470px;
        text-align: left;
        background: #f8f8f8;
        border-radius: 2px;
        padding: 13px 18px;
        margin: 33px 0 40px;
        color: #333333;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .box-btns{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 45px;
    }
    .box-btns > a{
        display: inline-block;
        width: auto;
        height: 38px;
        line-height: 38px;
        color: #fff;
        background: #2972fa;
        border-radius: 3px;
        border: 1px solid #2972fa;
        margin: 0 22px;
        font-size: 14px;
        cursor: pointer;
        padding: 0 15px;
        text-decoration:none;
    }
</style>
<div class="row">
    <div class="safetip-box">
        <h1 class="box-title">{{ $name }}</h1>
        <p class="tip-des">{!! $describe !!}</p>
        <div class="box-text">{{ $target }}</div>
        <div class="box-btns">
            @if(!empty($target))
            <a href="{{ $target }}">继续前往</a>
            <a href="javascript:;" onclick="closepage()">关闭页面</a>
            @else
            <a href="javascript:;" onclick="closepage()">地址错误无法跳转，关闭页面</a>
            @endif
        </div>
    </div>
</div>
<script>
    function closepage() {
        window.open("about:blank", "_top").close();
    }
</script>

</html>
